<template>
  <div>
    <div class="flex" style="padding-bottom:10px;border-bottom: 1px solid #E3E8F2">
      <div class="title">附属工程</div>
      <el-form
        :model="bridgeCardAffiliateProject"
        ref="ruleForm"
        label-width="120px"
        class="demo-ruleForm"
        style="width:90%"
      >
        <el-form-item label="栏杆总长:" size="small">
          <el-input v-model.trim="bridgeCardAffiliateProject.railLength" size="small" clearable></el-input>
        </el-form-item>
        <el-form-item label="栏杆结构:" size="small">
          <el-input v-model.trim="bridgeCardAffiliateProject.railStruct" size="small" clearable></el-input>
        </el-form-item>
        <el-form-item label="端柱尺寸:" size="small">
          <el-input v-model.trim="bridgeCardAffiliateProject.endPostSize" size="small" clearable></el-input>
        </el-form-item>
        <el-form-item label="泄水管长度:" size="small">
          <el-input v-model.trim="bridgeCardAffiliateProject.downspoutsLength" size="small" clearable></el-input>
        </el-form-item>
        <el-form-item label="护岸类型:" size="small">
          <el-input v-model.trim="bridgeCardAffiliateProject.revetmentType" size="small" clearable></el-input>
        </el-form-item>
        <el-form-item label="泄水管尺寸:" size="small">
          <el-input v-model.trim="bridgeCardAffiliateProject.downspoutsSize" size="small" clearable></el-input>
        </el-form-item>
        <el-form-item label="引坡挡墙类型:" size="small">
          <el-input v-model.trim="bridgeCardAffiliateProject.slopeWallType" size="small" clearable></el-input>
        </el-form-item>
      </el-form>
    </div>
    <div class="flex" style="margin-top:20px;">
      <div class="title">挂件管线</div>
      <el-form
        :model="bridgeCardAffiliatePipeline"
        ref="ruleForm"
        label-width="120px"
        class="demo-ruleForm"
        style="width:90%"
      >
        <el-form-item label="给水管:" size="small">
          <el-input v-model.trim="bridgeCardAffiliatePipeline.waterPipe" size="small" clearable></el-input>
        </el-form-item>
        <el-form-item label="电力缆:" size="small">
          <el-input v-model.trim="bridgeCardAffiliatePipeline.powerCable" size="small" clearable></el-input>
        </el-form-item>
        <el-form-item label="燃气管:" size="small">
          <el-input v-model.trim="bridgeCardAffiliatePipeline.gasPipe" size="small" clearable></el-input>
        </el-form-item>
        <el-form-item label="通信电缆:" size="small">
          <el-input v-model.trim="bridgeCardAffiliatePipeline.communicationCable" size="small" clearable></el-input>
        </el-form-item>
      </el-form>
    </div>
  </div>
</template>

<script>
export default {
  name: "subsidiary",
  props: {
      bridgeCardAffiliateProject: {
          type:Object,
          default() {
              return {}
          }
      },
      bridgeCardAffiliatePipeline:{
          type:Object,
          default() {
              return {}
          }
      }
  },
  methods: {
      emit() {
          return this.bridgeCardAffiliateProject
      },
      emitPipe() {
          return this.bridgeCardAffiliatePipeline
      }
  }
};
</script>
<style scoped>
.title {
  font-size: 20px;
  font-weight: 500;
}
.el-form {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.el-form-item--small.el-form-item {
  margin-bottom: 12px;
}
</style>